<!DOCTYPE html>
<%@page language="java" pageEncoding="utf-8" contentType="text/html; charset=UTF-8"%>
<%
	String ctx = request.getContextPath();
%>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="renderer" content="webkit">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>客户端监控-存储情况</title>
    <link rel="stylesheet" type="text/css" href="css/basic.css">
    <link rel="stylesheet" type="text/css" href="css/common.css">
    <link rel="stylesheet" type="text/css" href="css/ui.css">
    <link rel="stylesheet" type="text/css" href="css/g.css">
    <!-- 设置JS全局变量  ctx -->
	<script type="text/javascript">
		var ctx = "<%=request.getContextPath()%>";
	</script>
</head>
<body>
    <jsp:include page="head.jsp"></jsp:include>
    <div class="container">
    <jsp:include page="monitor_left.jsp"></jsp:include>
        <div class="page-content">
            <div id="content-scroll">
                <div class="cont-area clearfix">
                    <i class="fl"></i><span class="fl"><a href="index.jsp">首页</a>&gt;<a href="monitor_save.jsp">安全审计</a>&gt;客户端监控</span>
                </div>
                <div class="nomal-dom">
                    <table class="g-mt10">
                        <thead>
                            <tr>
                                <th>数据源名称</th>
                                <th>已用(GB)</th>
<!--                                 <th>可用(GB)</th><td><@= item.availableSpaceSize @></td> -->
                                <th>总占比(%)</th>
                            </tr>
                        </thead>
                        <tbody id="j-storageList">
                            <script type="text/ysmart" data-name="storageTpl">
                            <@ yepjs.isArray(DATA) && yepjs.forEach(DATA, function(item, index){ @>
                            <tr data-id="<@= item.id @>">
                                <td><@= item.name @></td>
                                <td><@= item.usedSpaceSize @></td>
                                
                                <td><a href="javascript:;" class="j-storage"><@= item.totalAccounting @></a></td>
                            </tr>
                            <@ }); @>
                            </script>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
    <script type="text/ysmart" data-name="storageTrendsTpl">
    <div id="j-pieBasic" style="width: 820px; height: 350px;  margin: 0 auto"></div>
    </script>
    <script src="js/yep.min.js" type="text/javascript" data-config="YBA.Config.js"></script>
    <script src="js/common.js" type="text/javascript"></script>
    <script type="text/javascript">
        yepjs.use({
            name: ["jquery", "YBA.Plugin.slimscroll","YBA.Common"],
            callback: function () {
                $('#side-scroll').slimscroll({
                    height:"100%"
                });
                YBA.Common.sidebar();
            }
        });
        yepjs.use({
            name:"YBA.Logic.Statistics.storage",
            callback:function(){
                YBA.Logic.Statistics.storage();
            }
        })
    </script>
</body>
</html>
